// 招中标分析
.fenxi-box{
	padding: 28rpx;
	margin-bottom: 10rpx;
	background: #fff;
	.fenxi-title{
		.title{
			font-size: 28rpx;
			color: #3B3E45;
			font-weight: bold;
		}
		.fenlei{
			display: flex;
			view{
				margin-left: 20rpx;
			}
			//招标分析页面--只能写在qiqing/index父级页面里，要不按钮样式不生效
		}
	}
	.fenxi-date{
		margin-top: 26rpx;
		font-size: 24rpx;
		color: #6C717E;
	}
	.shuju{
		margin-top: 20rpx;
		display: flex;
		justify-content: space-between;
		text-align: center;
		.shuju-item{
			flex: 1;
			margin-left: 20rpx;
			// width: 158rpx;
			padding: 20rpx 12rpx;
			box-sizing: border-box;
			&:first-child{
				margin-left: 0;
				background: #FFEBEB;
			}
			&:nth-child(2){
				background: #E5E7FF;
			}
			&:nth-child(3){
				background: #FFEBEB;
			}
			&:last-child{
				background: #FFEAFD;
			}
			view:first-child{
				font-size: 20rpx;
				color: #6C717E;
			}
			view:last-child{
				margin-top: 10rpx;
				font-size: 28rpx;
				color: #3B3E45;
				font-weight: bold;
			}
		}
	}
	.unit{
		margin-top: 24rpx;
		font-size: 20rpx;
		color: #6C717E;
	}
	.caigoupianhao{
		margin-top: 30rpx;
		view{
			&:first-child{
				font-size: 24rpx;
				color: #6C717E;
			}
			&:last-child{
				margin-top: 20rpx;
				font-size: 28rpx;
				color: #3B3E45;
				font-weight: bold;
			}
		}
	}
	.zhaobiaopaihang{
		margin-top: 24rpx;
		.paihang{
			border: 1rpx solid #DFE1EA;
		}
		.paihang-top{
			font-size: 24rpx;
			color: #3B3E45;
			font-weight: bold;
			text-align: center;
		}
		.paihang-item{
			font-size: 24rpx;
			color: #6C717E;
			text-align: center;
			&:nth-child(odd){
				background: #F4F8FE;
			}
		}
		.paihang-top,.paihang-item{
			display: flex;
			view{
				line-height: 73rpx;
				&:first-child{
					width:20%;
				}
				&:nth-child(2){
					width:20%;
				}
				&:nth-child(3){
					width:40%;
				}
				&:nth-child(4){
					width:20%;
				}
			}
		}
	}
	.hezuo{
		margin-top: 24rpx;
		.list-item{
			margin-bottom: 30rpx;
			.list-top{
				justify-content: space-between;
				color: #3B3E45;
				font-weight: bold;
			}
			.progress{
				margin-top: 20rpx;
			}
		}
	}
	.dataNull{
		text-align:center;
		image{
			width:292rpx;
			height: 230rpx;
			// margin-top: 70rpx;
		}
		view{
			margin-top: 10rpx;
			font-size:24rpx;
			color: #6C717E;
		}
	}
	.charts-box{
		width:100%;
		height:350rpx;
	}
}
.qianwang{
	margin-top: 10rpx;
	height: 102rpx;
	line-height: 102rpx;
	font-size: 32rpx;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: linear-gradient( 90deg, #1F91FF 0%, #1D11FB 100%);
}
.chongzhiIcon {
  width: 40rpx;
  height: 40rpx;
  margin-right: 6rpx;
}

.filter-foot {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20rpx;
	box-sizing: border-box;
	background-color: #fff;
	border-top: 1px solid #eee;
	.cancel-btn {
		width: 160rpx;
		height: 98rpx;
		line-height: 98rpx;
		text-align: center;
		background-color: #ffffff;
		color: #999999;
		font-size: 30rpx;
		border-bottom-left-radius: 20rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	.confirm-btn {
		flex: 1;
		height: 98rpx;
		line-height: 98rpx;
		text-align: center;
		// background-color: #2F6DFE;
		// background-color: #00bbff;
		background: linear-gradient(90deg, #1f91ff 0%, #1d11fb 100%);
		color: #ffffff;
		font-size: 30rpx;
		border-radius: 10rpx;
		// margin-right:20rpx;
	}
}
.tagwrap {
	display: flex;
	flex-wrap: wrap;
	// justify-content: space-between;

	> view {
		margin: 10rpx 1%;
		width: 30%;
	}
	.u-tag {
		justify-content: center !important;
	}
}
.tagwrap ::v-deep .u-tag--primary--plain {
	border-color: #2478fe !important;
	background: rgba(47, 109, 254, 0.06);
	.u-tag__text--primary--plain {
		color: #2478fe !important;
		font-size: 24rpx;
	}
}
.tagWrap {
	display: flex;
	flex-wrap: wrap;
	
	::v-deep .u-tag--primary--plain {
		background: rgba(47, 109, 254, 0.06);
		border-radius: 6rpx !important;
		border: 0 !important;
		height: 48rpx !important;
		line-height: 48rpx !important;
		padding: 0 45rpx 0 16rpx !important;
		margin-top: 0 !important;
		margin-right: 0 !important;
	}
	::v-deep .u-tag-wrapper {
		margin-top: 20rpx;
		margin-right: 20rpx;
		position: relative;
	}
	::v-deep .u-tag__text--medium {
		color: #2f6dfe !important;
		font-size: 24rpx !important;
	}
	::v-deep .u-tag__close {
		top: 13rpx !important;
		right: 16rpx !important;
		// margin-top: -12rpx;
		background-color: #dee3ee !important;
		width: 24rpx !important;
		height: 24rpx !important;
		line-height: 24rpx !important;
		box-sizing: border-box;
		transform: none !important;
		border-radius: 12rpx !important;
	}
	// borderColor="#dee3ee" color="#adb4c2" bgColor="#dee3ee"
	::v-deep .u-icon__icon {
		color: #adb4c2 !important;
		font-size: 18rpx !important;
		font-weight: bold !important;
		line-height: 24rpx !important;
	}
	// .u-fade-enter-active{
	// 	flex:1;
	// }
}
::v-deep .u-tag {
	justify-content: center !important;
}
::v-deep .u-tag--info {
    background-color: #f6f8fa !important;
    border-color: #f6f8fa !important;
}
::v-deep .u-tag__text--info {
    color: #3b3e45 !important;
    font-size: 24rpx !important;
}
//招标分析页面--只能写在父级页面里，要不按钮样式不生效
.fenxi-box{
	.fenlei{
		display: flex;
		.u-button{
			padding: 0 20rpx;
			height: 44rpx ;
			line-height: 44rpx;
			border: 0;
		}
		.u-button--primary{
			color: #fff;
			background: #2F7FFF;
		}
		.u-button--info{
			color: #6C717E;
			background: #F4F4F5;
		}
		::v-deep .u-button__text{
			font-size: 24rpx !important;
		}
	}
	.u-loading-icon{
		margin-top: 16rpx;
	}
	.caigoupianhao{
		.u-loading-icon{
			justify-content: start;
		}
	}
	.zhaobiaopaihang,.caigoufenxi,.hezuo{
		.u-loading-icon{
			margin:200rpx 0;
		}
	}
}
.shujugailan{
	.u-skeleton__wrapper__content{
		margin-top: 10rpx !important;
	}
}
.qita{
	.u-loading-icon__spinner--spinner{
		width: 24rpx !important;
		height: 24rpx !important;
	}
}

::v-deep .lime-echart__canvas{
	width: 100%;
	height: 350rpx !important;
	display: block;
}

// 类型 列表页/详情页
	.leibie {
		margin-top: 12rpx;
		align-items: flex-end;
		.d-f {
			flex-wrap: wrap;
			// align-items: flex-start;
			.label {
				//margin-top: 16rpx;
			}
		}
	
		.shijian {
			align-items: center;
			color: #8494b3;
			width: auto;
			flex: none;
			//margin-top: 16rpx;
			line-height: 40rpx;
			.shijian-icon {
				width: 30rpx;
				height: 34rpx;
				margin-right: 10rpx;
			}
	
			.ganggang {
				color: #8494b3;
			}
		}
	
		.label {
			// border-radius: 20rpx;
			// padding: 0px 16rpx;
			border-radius: 3px;
			padding: 0 10rpx;
			// padding: 0rpx 10rpx;
			height: 40rpx;
			line-height: 40rpx;
			margin-right: 15rpx;
			&:first-child,
			&:nth-child(3) {
				flex: none;
			}
	
			&.diqu {
				flex: none;
			}
	
			// max-width: 33%;
		}
	}